<template>
    <div class="mainContent">
        <VipZoneListVue :loading="loading"></VipZoneListVue>
    </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, ref } from "vue";
import { useIndexStore } from "@/store/modules/index";

export default defineComponent({
    name: "Recommend",
});
</script>

<script setup lang="ts">
import VipZoneListVue from "./components/OriginalList.vue";

const indexStore = useIndexStore();
const { getRecommendAsync } = indexStore;

// loading加载
let loading = ref(true);
onMounted(() => {
    getRecommendAsync().then(() => {
        setTimeout(() => {
            loading.value = false;
        }, 2000);
    });
    // getFilterDataAsync();
});
</script>

<style lang="less" scoped></style>
